<div id="ContentGroup">
    <div class="count-header">
        <a>首页轮播导航添加</a>
    </div>
    <div class="count-content-group">
        <div class="count-content">
            <form  id="SYLBDH_Insert" data-role="form" data-event="finish" data-type="post" data-url="<{'SYLBDH_Insert_Action'|U}>">
                <input type="hidden" id="SYLBDH_BH_ORA"  name="SYLBDH_BH_ORA" value="<{$Model->SYLBDH_BH|security_encript}>" />
                <div class="count-content-title">首页轮播导航</div>
                <div class="count-content-type"><{*此处添加全局注释*}></div>
                <div class="form-list-item">
                    <label class="form-list-item-label"><span style="color: red">*</span>中文名</label>
                    <input type="text" id="SYLBDH_ZWM" name="SYLBDH_ZWM" value="<{$Model->SYLBDH_ZWM }>"/>
                    <p class="form-list-item-tip"></p>
                </div>
                <div class="form-list-item">
                    <label class="form-list-item-label"><span style="color: red">*</span>英文名</label>
                    <input type="text" id="SYLBDH_YWM" name="SYLBDH_YWM" value="<{$Model->SYLBDH_YWM }>"/>
                    <p class="form-list-item-tip"></p>
                </div>
                <div class="form-list-item">
                    <label class="form-list-item-label"><span style="color: red">*</span>超链接</label>
                    <input type="text" id="SYLBDH_CLJ" name="SYLBDH_CLJ" value="<{$Model->SYLBDH_CLJ }>"/>
                    <p class="form-list-item-tip"></p>
                </div>
                <div class="form-list-item">
                    <label class="form-list-item-label">图片</label>
                    <input type="text" id="SYLBDH_TP"  name="SYLBDH_TP"  value="<{$Model->SYLBDH_TP }>" />
                    <span id="SYLBDH_TPImage" class="button" >选择图片</span>
                    <p class="form-list-item-tip">本地上传215*34的图片，或输入远程图片url</p>
                </div>
                <div class="form-list-item">
                    <label class="form-list-item-label"><span style="color: red">*</span>显示顺序</label>
                    <{'SYLBDH_XSSX'|html_dropdownlist:["1" , "2" , "3" , "4" , "5" , "6" , "7" , "8" , "9" , "10" , "11" , "12" , "13" , "14" , "15" , "16" , "17" , "18" , "19" , "20"]:$Model->SYLBDH_XSSX}>
                    <p class="form-list-item-tip">默认信息将按从小到大顺序排列</p>
                </div>
            </form>     
            <div class="form-operation">
                <span class="button" id="SYLBDH_Insert-Submit">提交</span>
                <span class="button" data-role="back">返回</span>
            </div>
        </div>
    </div>
</div>
<script>
    $(function () {
        $("#ContentGroup").formset(0);//开启页面标签页
        //$("#SYLBDH_Insert").vtip();//开启鼠标提示.
        
        //客户端验证脚本
        $("#SYLBDH_Insert").validate({
            rules:{
                "SYLBDH_BH":{
                    "maxbytelength":50 ,
                    "required":true 
                }, 
                "SYLBDH_ZWM":{
                    "maxbytelength":50 ,
                    "required":true 
                }, 
                "SYLBDH_YWM":{
                    "maxbytelength":50 ,
                    "required":true 
                }, 
                "SYLBDH_CLJ":{
                    "maxbytelength":500 ,
                    "required":true 
                }, 
                "SYLBDH_TP":{
                    "maxbytelength":500 
                }, 
                "SYLBDH_XSSX":{
                    "required":true 
                }, 
                "example":{} //可继续追加jquery validate客户端验证条件
            },
            "errorClass": "form-list-item-warn",
            //errorPlacement: function (error, element) {element.attr("data-tips", error.text());},//关闭默认提示，使用鼠标提示框时使用
            submitHandler: function () {
                $("#SYLBDH_Insert").trigger("finish");
            }
        });
    
        $("#SYLBDH_TPImage").click(function(){
            $.imageUpload("SYLBDH_TP", 215, 34,$("#SYLBDH_TP").val(), function(data){
                $("#SYLBDH_TP").val(data);
            });
        });
        $("#SYLBDH_TP").attr("data-tip","本地上传215*34的图片，或输入远程图片url");
        $("#SYLBDH_XSSX").attr("data-tip","默认信息将按从小到大顺序排列");
        $("#SYLBDH_Insert-Submit").click(function () {
            $("#SYLBDH_Insert").submit();
        });
    });
</script>
